<template>
  <div id="app">
    <router-view class="right-contain"></router-view>
  </div>
</template>
<script>

export default {
  name: 'app'
}

</script>
<style lang="less">


html {
  height: 100%;
  body {
    height: 100%;

    .el-date-picker{
      min-width:254px!important;
      .el-picker-panel__content{
        margin: 0;
      }
    }

@font-face {
  font-family: 'iconfont';  /* project id 354225 */
  src: url('//at.alicdn.com/t/font_354225_9f3ilegj7a0v0a4i.eot');
  src: url('//at.alicdn.com/t/font_354225_9f3ilegj7a0v0a4i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_354225_9f3ilegj7a0v0a4i.woff') format('woff'),
  url('//at.alicdn.com/t/font_354225_9f3ilegj7a0v0a4i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_354225_9f3ilegj7a0v0a4i.svg#iconfont') format('svg');
}

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 10px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
    #app {
    
      width: 100%;
      height: 100%;
      display: flex;
      font-family: "Microsoft YaHei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti!important;
      ::-webkit-scrollbar {
        width:6px;
        height:6px;
      }
      ::-webkit-scrollbar-thumb{
          background:gray;
          border-radius:4px;
      }
      .layout-left {
        overflow-y: auto;
      }
      .layout-right {
        height: 100%;
        width: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        .right-contain {
          flex: 1;
        }
      }

      .el-tabs__content{
      width: 100%;
      .el-tab-pane{
        width: 100%;
      }
    }
    }
  }
}

[v-cloak] {
  display: none;
}

</style>
